检测方法typeof 操作符 只能检测出基本类型undefined,object,string,boolean,number,function,symbol 检测原始值的类型，其他引用类型统一都在object中，如果要区分object的不同引用类型，需要用其他方法 Object.prototype.toString 可以根据返回不同对象包装函数类型的字符串 可以用来区...
移动端滚动穿透解决方案
需求场景描述 页面有弹层，弹层有滚动 要求弹层滚动时背景不滚动 解决办法解决标准 很多方法都是要改原来的页面（也就是触发弹层的背景页面），给原来的页面加样式等操作，不符合本次解决的标准 本次解决的标准希望是在弹层中处理，把弹层当做一个业务无关的组件，不做关联依赖处理 小程序中的情景模拟器（符合预期） 在弹层的滚动区域只会触发弹层的滚动，不会触发背景页面的滚动 And...
iPhonee 安全区适配，小黑条适配标准解决方案
需求场景 自从有了iPhone底部小黑条之后，页面底部就有各种适配 小黑条还不止iPhone X这一种机型，后续新出的还要不要改代码？ 可以通过js来匹配机型，可以通过媒体查询来匹配机型，新的机型如何适配？ 解决办法解决标准 希望尽可能少的改动，不需要js里面设置，然后模板里面再判断，然后再加个对应的样式啥的，太麻烦 希望尽可能通用，不能加了iPhoneX，又加iPho...
使用Canvas实现通用的手写和手绘
参考资料 canvas性能优化——离屏渲染 canvas手写 匠心打造canvas签名组件 https://github.com/Louiszhai/canvas-draw https://github.com/embiem/react-canvas-draw https://github.com/carstenschaefer/DrawerJs https://git...
快速撸一个使用的小爬虫
NodeJS 版本https://github.com/rawbin-/simple-web-spider Python版
Electron在线热更新方案
前端开发 Web开发 JavaScript
参考资料 如何使用electron-builder及electron-updater给项目配置自动更新 Electron应用使用electron-builder配合electron-updater实现自动更新 我是如何实现electron的在线升级热更新功能的？ Electron实现在线升级 热更新 遇到的问题 electron 热更新 Electron实现在线升级及功能...
Electron客户端缓存和离线包探究
前端开发 Web开发 JavaScript Electron
asar包加解密参考资料 如何使用electron-builder及electron-updater给项目配置自动更新 使用 electron-builder 及 electron-updater 给项目配置自动更新 Electron应用使用electron-builder配合electron-updater实现自动更新 我是如何实现electron的在线升级热更新功能的...
Electron 脚本注入
前端开发 Web开发 JavaScript Electron
收集到的方法BrowserWindow 配置 webPreferences.preload String (可选) -在页面运行其他脚本之前预先加载指定的脚本 无论页面是否集成Node, 此脚本都可以访问所有Node API 脚本路径为文件的绝对路径。 当 node integration 关闭时, 预加载的脚本将从全局范围重新引入node的全局引用标志 参考示例. ...
使用ava+spectron做Electron测试
前端开发 Web开发 JavaScript Electron
引子原有项目是electron-vue的模板，使用的是mocha和babel 6, ava需求是babel 7 升级了一波babel的插件，就可以玩起来了，基本基本大部分内容： @babel/core 替换 babel-core @babel/preset-* 替换 babel-preset-* 部分 @babel/plugin-* 替换 babel-plugin-...
Electron 白屏问题
前端开发 Web开发 JavaScript
一些优化方式一直白屏 升级electron版本 安装依赖问题 删除 .electron-vue/webpack.renderer.config.js 中关于白名单的配置，让所有资源都打包起来（包会变大） 123externals: [ ...Object.keys(dependencies || {}).filter(d => !w...